<div style="height: 500px;overflow: auto;">
    <p-tabView>
        <p-tabPanel header="基本信息">
            <div style="border: 1px solid #c7cdd9;margin-bottom: 20px;">
                <div class="row">
                    <div class="form-group col-md-8">
                        <label for="supplierUnit">申请单编号： </label>
                        <label>{{ _processingDeliveryDto.requisitionCode}}</label>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group col-md-8">
                        <label for="supplierUnit">生产单位： </label>
                        <label>{{ _processingDeliveryDto.productionUnit}}</label>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group col-md-8">
                        <label for="supplierUnit">供方单位： </label>
                        <label>{{ _processingDeliveryDto.supplierUnit}}</label>
                    </div>
                </div>
            </div>
        </p-tabPanel>
        <p-tabPanel header="申请内容">
            <div style="border: 1px solid #c7cdd9;margin-bottom: 20px;">
                <div class="row" style="overflow: auto;">
                    <div class="align-items-center">
                        <!--<Primeng-TurboTable-Start>-->
                        <div class="primeng-datatable-container">
                            <p-table #dataTable [value]="primengTableHelper.records" rows="{{primengTableHelper.defaultRecordsCountPerPage}}"
                                [paginator]="false" [lazy]="true" sortField="code" [scrollable]="true" ScrollWidth="100%"
                                [responsive]="primengTableHelper.isResponsive" [resizableColumns]="primengTableHelper.resizableColumns">
                                <ng-template pTemplate="header">
                                    <tr>
                                        <th style="width: 150px">
                                            任务号
                                        </th>
                                        <th style="width: 150px">
                                            产品图号
                                        </th>
                                        <th style="width: 150px">
                                            产品名称
                                        </th>
                                        <th style="width: 120px">
                                            验收数量
                                        </th>
                                        <th style="width: 130px">
                                            验收日期
                                        </th>
                                        <th style="width: 100px">
                                            合格数量
                                        </th>
                                        <th style="width: 100px">
                                            超差数量
                                        </th>
                                        <th style="width: 100px">
                                            报废数量
                                        </th>
                                        <th style="width: 200px">
                                            质控卡编号
                                        </th>
                                        <th style="width: 120px">
                                            是否逾期
                                        </th>
                                        <th style="width: 120px">
                                            逾期天数
                                        </th>
                                        <th style="width: 200px">
                                            备注
                                        </th>
                                    </tr>
                                </ng-template>
                                <ng-template pTemplate="body" let-record let-columns="columns">
                                    <tr>
                                        <td style="width: 150px">
                                            {{record.taskCode}}
                                        </td>
                                        <td style="width: 150px">
                                            {{record.picNo}}
                                        </td>
                                        <td style="width: 150px">
                                            {{record.taskName}}
                                        </td>
                                        <td style="width: 120px">
                                            {{record.deliveryAmount}}
                                        </td>
                                        <td style="width: 130px">
                                            {{record.deliveryDate | momentFormat:'L'}}
                                        </td>
                                        <td style="width: 100px">
                                            {{record.passedAmount}}
                                        </td>
                                        <td style="width: 100px">
                                            {{record.quantityAmount}}
                                        </td>
                                        <td style="width: 100px">
                                            {{record.noPassedAmount}}
                                        </td>
                                        <td style="width: 200px">
                                            {{record.qualityControlCardNo}}
                                        </td>
                                        <td style="width: 120px">
                                            <span *ngIf="record.isOverdue == true" class="label m-badge m-badge--success m-badge--wide"
                                                data-toggle="tooltip" title="是" data-placement="top">
                                                是
                                            </span>
                                            <span *ngIf="record.isOverdue == false" class="label m-badge m-badge--metal m-badge--wide"
                                                data-toggle="tooltip" title="否" data-placement="top">
                                                否
                                            </span>
                                        </td>
                                        <td style="width: 120px">
                                            {{record.overdueDay}}
                                        </td>
                                        <td style="width: 200px">
                                            {{record.remarks}}
                                        </td>
                                    </tr>
                                </ng-template>
                            </p-table>
                            <div class="primeng-no-data" *ngIf="primengTableHelper.totalRecordsCount == 0">
                                {{'NoData' | localize}}
                            </div>
                            <div class="primeng-paging-container">
                                <p-paginator [rows]="primengTableHelper.defaultRecordsCountPerPage" #paginator
                                    [totalRecords]="primengTableHelper.totalRecordsCount" [rowsPerPageOptions]="primengTableHelper.predefinedRecordsCountPerPage">

                                </p-paginator>
                                <span class="total-records-count">
                                    {{'TotalRecordsCount' | localize:primengTableHelper.totalRecordsCount}}
                                </span>
                            </div>
                        </div>
                        <!--<Primeng-TurboTable-End>-->
                    </div>
                </div>
            </div>

        </p-tabPanel>
        <p-tabPanel header="审批记录">
            <app-flowApprovalRecord workflowid="{{workflowid}}"></app-flowApprovalRecord>
        </p-tabPanel>
    </p-tabView>
    <button type="button" class="btn btn-success " style="font-size: 0.5rem" (click)="exportToexcel()">
        <i class="far fa-file-excel"></i>
        导出确认单
    </button>
</div>
